<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>卡片详情</title>
<style type="text/css">
.box1 {
	position: absolute;
	width: 15%;
	height: 500px;
	top: 200px;
	left: 50px;
	border: 1px solid #ccc;
}

.box2 {
	position: absolute;
	width: 60%;
	height: 1950px;
	top: 60px;
	left: 500px;
	border: 1px solid #ccc;
}

.hiding { 
	position: relative;
	top: 2010px;
	left:1000px;
	background-color:#E0FFFF;
}

.box3 {
	position: absolute;
	width: 60%;
	height: 300px;
	top: 2050px;
	left: 500px;
	border: 1px solid #ccc;
	display: none;
}
.box4{
	position: absolute;
	width: 60%;
	height: 40px;
	top: 2380px;
	left: 500px;
	border: 1px solid #ccc;
}
</style>
</head>
<body>	

<div class="box1" >
<center>
	<img src="" />
	<div id="d1">
	<div id="title"></div>
		<div id="subtitle"></div>
		<div id="content"></div>
		<div id="register_time"></div>

		</div>
				</center>
	</div>
	<iframe id="contentview" class="box2" width="50%"></iframe>
	<div class="box3">
	<form id="write-form" method="post">
		<ul>
			<li>标&nbsp;&nbsp;&nbsp;&nbsp;题：<input type="text" name="title" style="width:400px;height:30px;font-size:22px" /></li>
			<li>内&nbsp;&nbsp;&nbsp;&nbsp;容：<textarea id="editor" name="content" rows="10" cols="50"></textarea></li>
		</ul>
		<div style="text-align:center;">
		<!-- <a id="save" href="javascript:;">提交</a> -->
		<button id="writeblog" type="submit">提交</button>
		<button type="reset">取消</button>
		</div>
	</form>
	</div>
<button class="hiding" type="submit" style="color:#1E90FF;">写博客</button>
<div class="box4"></div>


	<script type="text/javascript" src="/static/js/jquery.min.js"></script>
	<script type="text/javascript"
		src="/static/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript"
		src="/static/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript">
$(function(){
	//$('#query').on('click',function(){
		$.get('/Card',function(data){
			$('#title').html(data.account);
			$('#subtitle').html(data.password);
			$('#content').html(data.avt);
			$("img").attr("src",data.avt);
			$('#register_time').html(data.register_time);
		});
//	});
});
var pawd;
$(function(){
	$.get('/login',function(resultMap){
		$('#d1').html(resultMap.account);
		pawd=resultMap.password;
		$("img").attr("src",resultMap.avt);
	});
});
$(function(){
$('#writeblog').on('click',function(){
	$.post('/blog_write',$('#write-form').serialize(),function(data){
		alert(data);
		console.log(data);
	});
});

var ue = UE.getEditor('editor');
});
$(document).ready(function(){
$(".hiding").click(function(){
$(".box3").slideToggle(1000);
});

});
</script>
</body>
</html>